/**
* 功能描述：月份选择器
* @author jin xiaohang
*
* @date 2022/9/28 18:00
* @version 1.0
*/
<template>
    <div class="yw-month-picker">
        <div class="yw-month-picker-panel">
            <div class="yw-month-picker-panel-header">
                <a class="yw-month-picker-panel-prev-year-btn"></a>
                <a class="yw-month-picker-panel-year-select">
                    <span class="yw-month-picker-panel-title">2022</span>
                </a>
                <a class="yw-month-picker-panel-next-year-btn"></a>
            </div>
            <div class="yw-month-picker-panel-body">
                <table class="yw-month-picker-panel-table">
                    <tbody class="yw-month-picker-panel-tbody">
                        <tr>
                            <td class="yw-month-picker-panel-cell">
                                <a class="yw-month-picker-panel-data">一月</a>
                            </td>
                            <td class="yw-month-picker-panel-cell">
                                <a class="yw-month-picker-panel-data">二月</a>
                            </td>
                            <td class="yw-month-picker-panel-cell">
                                <a class="yw-month-picker-panel-data">三月</a>
                            </td>
                        </tr>
                        <tr>
                            <td class="yw-month-picker-panel-cell">
                                <a class="yw-month-picker-panel-data">四月</a>
                            </td>
                            <td class="yw-month-picker-panel-cell">
                                <a class="yw-month-picker-panel-data">五月</a>
                            </td>
                            <td class="yw-month-picker-panel-cell">
                                <a class="yw-month-picker-panel-data">六月</a>
                            </td>
                        </tr>
                        <tr>
                            <td class="yw-month-picker-panel-cell">
                                <a class="yw-month-picker-panel-data">七月</a>
                            </td>
                            <td class="yw-month-picker-panel-cell">
                                <a class="yw-month-picker-panel-data">八月</a>
                            </td>
                            <td class="yw-month-picker-panel-cell">
                                <a class="yw-month-picker-panel-data yw-month-picker-selected-data">九月</a>
                            </td>
                        </tr>
                        <tr>
                            <td class="yw-month-picker-panel-cell">
                                <a class="yw-month-picker-panel-data">十月</a>
                            </td>
                            <td class="yw-month-picker-panel-cell">
                                <a class="yw-month-picker-panel-data">十一月</a>
                            </td>
                            <td class="yw-month-picker-panel-cell">
                                <a class="yw-month-picker-panel-data">十二月</a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "YwMonthPicker"
}
</script>

<style scoped>

</style>